﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Em Construção</title>
<style>
	#bg{
		background-color:#FFFFFF;
		margin:auto;
		padding-top:12%;
	}
	#fundo{
		width:900px;
		height:500px;
		margin:auto;
		background-image:url(IMAGES/Construcao/01.jpg);
		background-repeat:no-repeat;
		background-size:contain;
	}
	#logo{
		margin:auto;
		width:150px;
		height:150px;
		padding-top:20px;
	}
	#rodape{
		width:850px;
		height:250px;
		margin:auto;
	}
	.paginacao{
		width:25px;
		height:23px;
		text-align:center;
		padding-left:3px;
		padding-right:3px;
		padding-top:3px;
		margin:2px;
		background-color:#941438;
		color:#fff;
		display:inline-table;
		font-family:'Lato', sans-serif;
		font-size:16px;
		border:solid 1px #660D26;
		cursor:pointer;	
	}
	.paginacao-selected{
		width:25px;
		height:23px;
		text-align:center;
		padding-left:3px;
		padding-right:3px;
		padding-top:3px;
		margin:2px;
		background-color:#FFF;
		color:#941438;
		display:inline-table;
		font-family:'Lato', sans-serif;
		font-size:16px;
		border:solid 1px #660D26;	
	}
</style>
</head>
<body id="bg">
<div id="fundo">
	<div id="logo">
    	<img src="IMAGES/Construcao/02.png" width="150" height="150" />
    </div>
	<div id="rodape">
    	<img src="IMAGES/Construcao/03.png" width="850" height="250" />
    </div>
</div>
<center>
    <div class="paginacao">1</div>
    <div class="paginacao">2</div>
    <div class="paginacao-selected">3</div>
    <div class="paginacao">4</div>
    <div class="paginacao">5</div>
</center>
</body>
</html>
